<script lang="ts" setup>
const props = defineProps({
  data: {
    type: Object,
    default: () => ({}),
  },
})
// const emit = defineEmits(['close'])

// const handleClose = () => {
//   emit('close')
// }
</script>

<template>
  <div class="border-b-1 border-hex-fafafa border-solid py-20">
    <!-- <div class="mb-6 flex-y-center justify-between">
      <div class="rounded-4 bg-#feefde px-6 py-3 text-12 text-#fc8b06 font-400 leading-16">{{ $t('mobile.home.recommend.operation.title') }}</div>
      <div class="i-icons:close size-16 text-#8b8b8b" @click="handleClose"></div>
    </div> -->
    <a class="block flex justify-between" :href="props.data.jumpUrl">
      <h3 class="line-clamp-2 h-44 w-210 text-16 text-#292929 font-500 leading-22">{{ props.data?.operateName }}</h3>
      <img :data-src="props.data?.picUrl" :alt="props.data.operateName" class="lozad h-66 w-120 rounded-4 bg-#f7f7f7 object-contain">
    </a>
  </div>
</template>

<style lang="scss" scoped>
</style>
